
html, body {
    background: #fbf7ed;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#user-summary-content {
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
    width: 640px;
    position: relative;
    color: #c1b7b4;
}

.title {
    background: url("/static/img/mobile_summary2012_title.png") no-repeat center 0;
    height: 568px;
    position: relative;
}

.title img {
    -webkit-border-radius: 60px;
    border-radius: 60px;
    height: 114px;
    left: 265px;
    position: absolute;
    top: 366px;
    width: 114px;
}

.title .user-name {
    position: absolute;
    bottom: 35px;
    font-size: 30px;
    text-align: center;
    width: 640px;
}

.map {
    background: url("/static/img/mobile_summary2012_map.png") no-repeat center 0;
    height: 474px;
    position: relative;
}

.map .text {
    font-size: 40px;
    width: 640px;
    float: left;
    text-align: center;
    margin-top: 390px;
}

.joined-date {
    background: url("/static/img/mobile_summary2012_joined_date.png") no-repeat center 0;
    height: 476px;
}

.joined-date .num {
    font-size: 50px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    margin-top: 355px;
    height: 72px;
    width: 52px;
    margin-left: 4px;
}

.joined-date .num-1 {
    margin-left: 83px;
}
.joined-date .num-5 {
    margin-left: 29px;
}
.joined-date .num-7 {
    margin-left: 29px;
}

.first-trip {
    background: url("/static/img/mobile_summary2012_first_trip.png") no-repeat center 0;
    height: 484px;
    position: relative;
}

.first-trip .date {
    font-size: 65px;
    margin-left: 250px;
    margin-top: 125px;
    float: left;
}

.first-trip .place {
    font-size: 40px;
    position: absolute;
    top: 240px;
    left: 270px;
}

.nights {
    background: url("/static/img/mobile_summary2012_nights.png") no-repeat center 0;
    height: 303px;
}

.nights .num {
    font-size: 65px;
    margin-left: 339px;
    margin-top: 85px;
    float: left;
}

.countries {
    background: url("/static/img/mobile_summary2012_countries.png") no-repeat center 0;
    height: 349px;
}

.countries .num {
    font-size: 120px;
    float: left;
    margin-left: 196px;
    width: 444px;
    text-align: center;
    margin-top: 170px;
}

.collected {
    background: url("/static/img/mobile_summary2012_collected.png") no-repeat center 0;
    height: 419px;
}

.collected .num {
    font-size: 65px;
    float: left;
    width: 618px;
    text-align: center;
    margin-top: 303px;
}

.liked {
    background: url("/static/img/mobile_summary2012_liked.png?v=2") no-repeat center 0;
    height: 522px;
}

.liked .num {
    font-size: 65px;
    float: left;
    width: 618px;
    text-align: center;
    margin-top: 359px;
    margin-left: 11px;
}

.distance {
    background: url("/static/img/mobile_summary2012_distance.png") no-repeat center 0;
    height: 485px;
}

.distance .num {
    font-size: 60px;
    margin-left: 240px;
    margin-top: 220px;
    float: left;
    width: 400px;
    text-align: center;
}

.footer {
    background: url("/static/img/mobile_summary2012_footer.png") no-repeat center 0;
    height: 219px;
}

.footer-with-photo {
    height: 859px;
    float: left;
}

.famous-photo {
    background: url("/static/img/mobile_summary2012_famous_photo.png") no-repeat center 0;
    height: 859px;
}

.map .location-icon {
    background: url("/static/img/location_icon.png") 0 0 no-repeat;
    width: 19px;
    height: 22px;
    position: absolute;
}

.share-btn {
    width: 640px;
    height: 240px;
    background: #f7f2f0;
    position: relative;
}

.share-btn.with-photo {
    margin-top: 770px;
}

.share-btn img {
    position: absolute;
    top: 32px;
    left: 171px;
}

.sina-share-btn {
    background: url("/static/img/summary2012_explore2013.png") no-repeat 0 -119px;
    border: 0px solid #f7f2f0;
    width: 300px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 171px;
}

.sina-share-btn:hover {
    background: url("/static/img/summary2012_explore2013.png") no-repeat 0 -216px;
}

.goto-btn {
    width: 640px;
    height: 240px;
    background: #f7f2f0;
    position: relative;
}

.goto-btn.with-photo {
    margin-top: 770px;
}

.goto-btn .btn {
    background: url("/static/img/summary2012_explore2013.png") no-repeat 0 -315px;
    width: 300px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 170px;
}

.goto-btn .btn:hover {
    background: url("/static/img/summary2012_explore2013.png") no-repeat 0 -410px;
}

/* Specific for EACH year */
.summary2013-content .title {
    background: url("/static/img/mobile_summary/mobile_summary2013_title.png") no-repeat center 0;
}
.summary2013-content .map {
    background: url("/static/img/mobile_summary/mobile_summary2013_map.png") no-repeat center 0;
}
.summary2013-content .famous-photo {
    background: url("/static/img/mobile_summary/mobile_summary2013_famous_photo.png") no-repeat center 0;
}
.summary2013-content .footer {
    background: url("/static/img/mobile_summary/mobile_summary2013_footer.png") no-repeat center 0;
}
/* END of Specific for EACH year */
